{{extend defaultLayout}}

{{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{pluResPath}}ZZZero/html/dailyNote/note.css" />
{{/block}}

{{block 'main'}}
<div class="header">
  <h1>UID: {{uid}}</h1>
  <p class="date">{{dayMb2}}</p>
</div>
<div class="note-data">
  <div class="energy">
    <img class="icon-energy" src="{{pluResPath}}ZZZero/img/dailyNote/energy.png">
    <p>电量</p>
    <div class="num">
      <strong style="color: {{if resinMaxTime}}#F39000{{else}}#71B755{{/if}};">
        {{energy.progress.current}}
      </strong>/{{energy.progress.max}}
    </div>
    <div class="status">
      {{if resinMaxTimeMb2}}
      <div class="status-title">预计恢复时间</div>
      <div class="status-date">
        {{resinMaxTimeMb2Day}}
        <span class="time"> {{resinMaxTimeMb2}}</span>
      </div>
      {{else}}
      <div class="status-whole">已全部恢复</div>
      {{/if}}
    </div>
  </div>
  <div class="states">
    <div class="item">
      <div class="title">
        今日活跃度
        <span >{{vitality.current}}<span1 style="font-size:28px;"> /{{vitality.max}}</span1></span>
      </div>
    </div>
    <div class="img-line"></div>
    <div class="item">
      <div class="title">
        刮刮卡<span>{{card}}</span>
      </div>
    </div>
    <div class="img-line"></div>
    <div class="item">
      <div class="title">
        录像店经营<span>{{sale_state}}</span>
      </div>
    </div>
  </div>
</div>
{{/block}}